<style>
    * {
        margin: 0;
        padding: 0;
    }
    .modal-header {
        min-height: 16.43px;
        padding: 15px;
    }
    .modal-footer {
        padding: 15px;
        text-align: right;
    }
    .modal{
        overflow: auto !important;
    }
</style>
<section style="border-bottom: 1px solid #e5e5e5    ">
    <h1 style="display:inline-block;margin-left: 30px;font-size: 30px">小组管理</h1>
</section>

<!--------------------搜索 --------------------->
<section class="divclass">
    <div id="divid" style="margin-left: 30px">
        <br/>
        <div id="realdiv" class="row">
            <!---------------小组---------------->
            <div class="col-md-2">
                <select  class="form-control"  style="border: 1px solid grey;width: 95%;" id="team_id">
                    <option value="-1">请选择小组</option>
                    <%for(i=0;i<teamsList.length;i++){%>
                    <option value="<%=teamsList[i].team_id%>"><%=teamsList[i].team_name%></option>
                    <%}%>
                </select>
            </div>
            <!---------------培训---------------->
            <div class="col-md-2">
                <select  class="form-control"  style="border: 1px solid grey;width: 95%;" id="train_id">
                    <option value="-1">请选择培训</option>
                    <%for(i=0;i<trainsList.length;i++){%>
                    <option value="<%=trainsList[i].train_id%>"><%=trainsList[i].train_name%></option>
                    <%}%>
                </select>
            </div>
            <!---------------模块---------------->
            <div class="col-md-2">
                <select  class="form-control"  style="border: 1px solid grey;width: 95%;" id="section_type">
                    <option value="-1">请选择模块</option>
                    <option value="0">问题驱动</option>
                    <option value="1">原理反思</option>
                    <option value="2">行动目标</option>
                    <option value="3">行动反馈</option>
                    <option value="4">行动推进</option>
                </select>
            </div>
            <!---------------讨论内容---------------->
            <div class="col-md-2">
                <input type="text" class="form-control " id="keyword" style="height:30px;border: 1px solid grey;float: left;margin-right: 30px;" placeholder="讨论内容">
            </div>
            <!---------------button---------------->
            <div class="col-md-1" style="margin-left: 30px">
                <button id="search" class="btn btn-primary" style="float: left;margin-right: 30px;">
                    搜索
                </button>
            </div>
            <div class="col-md-1">
                <button id="export_btn" class="btn btn-primary" style="float: left;margin-right: 30px;">
                    导出
                </button>
            </div>
        </div>
    </div>
</section>

<!-------------------- 主体展示 --------------------->
<section class="content">
    <div class="role_content">
        <table class="table_list" id="table_my_toast"></table>
        <!-- 分页框 -->
        <div class="page_control" id="paging_my_toast"><ul></ul></div>
    </div>
</section>

<!-------------------- 添加分类模态框 --------------------->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close"
                        data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    评论详情
                </h4>
            </div>

            <!--------------分类名---------------->
            <div class="modal-body">
                <div class="row" style="margin-top: 15px;padding-left:30px;">
                    <div class="col-md-2" style="float: left;position: relative;padding-top: 6px;">
                        <span>用户姓名:</span>
                    </div>
                    <div class="col-md-9" style="padding-left: 5px;">
                        <!--<p id="user_name"></p>-->
                        <input  disabled="true" style="height:30px;width: 80%; border: none;" id="user_name1" name="user_name" type="text" />
                    </div>
                </div>

                <div class="row" style="margin-top: 15px;padding-left:30px;">
                    <div class="col-md-2" style="float: left;position: relative;padding-top: 6px;">
                        <span>文章标题:</span>
                    </div>
                    <div class="col-md-9" style="padding-left: 5px;">
                        <!--<p id="article_title"></p>-->
                        <input  disabled="true" style="height:30px;width: 80%; border: none;" id="article_title1" name="article_title" type="text" />
                    </div>
                </div>

                <div class="row" style="margin-top: 15px;padding-left:30px;">
                    <div class="col-md-2" style="float: left;position: relative;padding-top: 6px;">
                        <span>评论时间:</span>
                    </div>
                    <div class="col-md-9" style="padding-left: 5px;">
                        <!--<p id="timestamp"></p>-->
                        <input  disabled="true" style="height:30px;width: 80%; border: none;" id="timestamp1" name="timestamp" type="text" />
                    </div>
                </div>

                <div class="row" style="margin-top: 15px;padding-left:30px;">
                    <div class="col-md-2" style="float: left;position: relative;padding-top: 6px;">
                        <span>评论内容:</span>
                    </div>
                    <div class="col-md-9" style="padding-left: 5px;">
                        <div name="comment_body1" id="comment_body1" style="border:0px solid;width:95%;word-break:break-all;"></div>

                        <!--<textarea name="comment_body1" id="comment_body1" cols="100" rows="4" style="border:0px solid;width:95%;overflow: auto" disabled></textarea>-->
                    </div>
                </div>
            </div>


            <div class="modal-footer">
                <button type="button" class="btn btn-default"
                        data-dismiss="modal">关闭
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>